import Image from "next/image";
import styles from "./home.module.css";
const Home = () => {
  return (
    <div className={styles.container}>
      <div className={styles.textContainer}>
        <h1 className={styles.title}>Home</h1>
        <p className={styles.desc}>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam
          cumque, quos, voluptate, quidem dolorum quas autem doloremque
          accusantium quia quibusdam aperiam. Quod, quibusdam. Quisquam cumque,
          quos, voluptate, quidem dolorum quas autem doloremque accusantium quia
          quibusdam aperiam. Quod, quibusdam.
        </p>
        <div className={styles.buttons}>
          <button className={styles.button}>Learn More</button>
          <button className={styles.button}>Contact</button>
        </div>
        <div className={styles.brands}>
          <Image
            alt="brands"
            src="/brands.png"
            fill
            className={styles.brandImg}
          />
        </div>
      </div>
      <div className={styles.imgContainer}>
        <Image alt="hero gif" src="/hero.gif" fill className={styles.heroImg} />
      </div>
    </div>
  );
};

export default Home;
